<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Demo</title>
		<!-- 请勿在项目正式环境中引用该 layui.css 地址 -->
		<link href="//unpkg.com/layui@2.9.21-rc/dist/css/layui.css" rel="stylesheet">
	</head>
	<body>
		<!-- 给容器追加 class="layui-form-pane"，即可显示为方框风格 -->
		<form class="layui-form layui-form-pane" action="/login" method="get">
			<div class="layui-form-item">
				<label class="layui-form-label">客户名字</label>
				<div class="layui-input-block">
					<input type="text" name="scCusname" autocomplete="off" placeholder="请输入" lay-verify="required"
						class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">联系人</label>
				<div class="layui-input-block">
					<input type="text" name="scName" autocomplete="off" placeholder="请输入" lay-verify="required"
						class="layui-input">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">联系方式</label>
				<div class="layui-input-block">
					<input type="text" name="scCusname" autocomplete="off" placeholder="请输入" lay-verify="required"
						class="layui-input">
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label">机会来源</label>
				<div class="layui-input-inline">
					<select name="scComming" lay-filter="aihao">
						<option value="搜索引擎">搜索引擎</option>
						<option value="电话咨询" selected>电话咨询</option>
						<option value="邮件咨询">邮件咨询</option>
						<option value="线上咨询">线上咨询</option>
						<option value="广告">广告</option>
					</select>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">成功概率</label>
				<div class="layui-input-inline">
					<select name="scSuccess" lay-filter="aihao">
						<option value="30%">30%</option>
						<option value="50%" selected>50%</option>
						<option value="70%">70%</option>
						<option value="90%">90%</option>
					</select>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">概要信息</label>
				<div class="layui-input-block">
					<input type="text" name="scMessage" autocomplete="off" placeholder="请输入" lay-verify="required"
						class="layui-input">
				</div>
			</div>

			<div class="layui-form-item layui-form-text">
				<label class="layui-form-label">详细信息</label>
				<div class="layui-input-block">
					<textarea name="scDesc" placeholder="请输入内容" class="layui-textarea"></textarea>
				</div>
			</div>
			<div class="layui-form-item">
				<button class="layui-btn" lay-submit lay-filter="demo2">确认</button>
				<button type="reset" class="layui-btn layui-btn-primary">重置</button>
			</div>

		</form>

		<!-- 请勿在项目正式环境中引用该 layui.css 地址 -->
		<script src="../layui/layui.js"></script>
		<script>
			// layui.use(['form'], function() {
			// 	var form = layui.form;
			// 	var layer = layui.layer;
			// 	// 提交事件
			// 	form.on('submit(demo2)', function(data) {
			// 		var field = data.field; // 获取表单字段值
			// 		// 显示填写结果，仅作演示用
			// 		layer.alert(JSON.stringify(field), {
			// 			title: '当前填写的字段值'
			// 		});
			// 		// 此处可执行 Ajax 等操作
			// 		// …
			// 		return false; // 阻止默认 form 跳转
			// 	});
			// });
		</script>

	</body>
</html>